// 引入less文件
require('../css/index.less')
require('../fonts/iconfont.css')
window.onload = function () {
    common.footer('首页')
    let btn = document.querySelector('.clocks')
    let span = document.querySelectorAll('span')
    function getData() {
        axios.get(
            '/api/user/info'
        ).then(function (res) {
            let data = res.data.data
            span[0].innerHTML = data.ranking
            span[1].innerHTML = data.clockCount
            span[2].innerHTML = data.badges
        })

        axios.get(
            '/api/user/clockInInfo'
        ).then(function (res) {
            if (res.data.errno == 0) {
                if (res.data.data.isClockIn) {
                    disabled = true
                    btn.innerHTML = '已打卡'
                }
            }
        })
    }
    getData()
    btn.addEventListener('click', function () {
        axios.post('/api/user/clockIn').then(function (res) {
            if (res.data.errno == 0) {
                // alert('打卡成功')
                common.toast('打卡成功', true)
                getData()
            }
        })
    })


    // swiper
    var mySwiper = new Swiper('.swiper', {
        direction: 'horizontal', // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay: true, // 自动播放

        // 如果需要分页器
        // pagination: {
        //     el: '.swiper-pagination',
        // },

        // 如果需要前进后退按钮
        // navigation: {
        //     nextEl: '.swiper-button-next',
        //     prevEl: '.swiper-button-prev',
        // },

        // 如果需要滚动条
        // scrollbar: {
        //     el: '.swiper-scrollbar',
        // },
    })
}